@import "../../styles/default";

.header-bar{
  height: size(44);
  font-size: pxToRem(14);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  &.primary {
    background: $white;
    color: $text-primary;
  }
  .header-bar-left, .header-bar-title, .header-bar-right{
    flex:1;
    width: 0;
    box-sizing: border-box;
  }
  .header-bar-title{
    text-align:center;
  }
  .header-bar-left {
    padding-left: pxToRem(16);
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  .header-bar-right {
    padding-right: pxToRem(16);
    text-align:right;
  }
  &::after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: $text-tip;
    display: block;
    transform: scaleY(0.1);
  }
}
